<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- ////////////////////////////////////////////////////////////////////
//        *********请尊重我的劳动成果,添加我的著作权*******                                                
//               CreatData: 2017-5-11                            
//               Java Web /:期末作业                            
//               Project: 宿舍管理系统                          
//               软件学院：  学号 ：16171201041                 
//               版权所有：http://allday.gq                     
//               官方邮箱：562015969@qq.com                    
///////////////////////////////////////////////////////////////////// -->










<html>
  
  <head>
    <meta charset="UTF-8">
    <title>视频</title>
	    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
  </head>
  
  <body>
<CENTER>
    <button onclick="playVid()" type="button" class="layui-btn layui-btn-normal">
        <i class="layui-icon" style="font-size: 30px; color: #FFFFFF;">
            &#xe652;
        </i>
        播放视频
    </button>
    <button onclick="pauseVid()" type="button" class="layui-btn layui-btn-normal">
        <i class="layui-icon" style="font-size: 30px; color: #FFFFFF;">
            &#xe651;
        </i>
        暂停视频
    </button>
</CENTER>
    <video id="video1" width="100%" height="100%" autoplay controls="controls">
      <source src="http://tb-video.bdstatic.com/tieba-smallvideo/161_19ae73a073aec5790b6361fa86297646.mp4" type="video/mp4"></source>当前浏览器不支持 video直接播放，点击这里下载视频：
      <a href="http://beginner.zhengjinfan.cn/videos/youtube/v1.mp4">下载视频</a></video>

    <script>var myVideo = document.getElementById("video1");

      function playVid() {
        myVideo.play();
      }

      function pauseVid() {
        myVideo.pause();
      }</script>
  </body>

</html>